<html>
  <head>
    <title>Whisper Muse - New Song Review</title>

    <style type="text/css">
      a:link
      {
        color: yellow;
        font-family: verdana, arial, sans-serif;
      }
      a:visited
      {
        color: #006699;
        font-family: verdana, arial, sans-serif;
      }
      a:hover
      {
        color: yellow;
        font-family: verdana, arial, sans-serif;
      }
      a:active
      {
        color: #00FF99;
        font-family: verdana, arial, sans-serif;
      }

      .title
      {
        font-family: verdana, arial, sans-serif;
        font-size: 38px;
        color: yellow;
      }

      *
      {
        background-color: black;
        padding: 0;
        margin: 0;
      }

      .container
      {
        margin-left: auto;
        margin-right: auto;
        width: 900px;

        background-color: black;
        background-repeat: no-repeat;
      }

      .clear
      {

        clear: both;
        display: block;
      }

      #header
      {
        margin-top: 41px;
        margin-left: 50px;
        display: inline;
        float: left;
        position: relative;
        width: 900px;
        height: 80px;
      }
      #toprow1
      {
        margin-left: 20px;
        display: inline;
        float: left;
        position: relative;
        width: 200px;
        height: 60px;
      }
      #toprow2
      {
        margin-left: 20px;
        display: inline;
        float: left;
        position: relative;
        width: 200px;
        height: 60px;
      }
      #toprow3
      {
        margin-left: 20px;
        display: inline;
        float: left;
        position: relative;
        width: 200px;
        height: 60px;
      }
      #toprow4
      {
        margin-left: 20px;
        display: inline;
        float: left;
        position: relative;
        width: 200px;
        height: 60px;
      }
      #contentleft
      {
        margin-left: 95px;
        margin-top: 0px;
        display: inline;
        float: left;
        position: relative;
        width: 250px;
        height: 1000px;
      }
      #contentright
      {
        margin-left: 50px;
        margin-top: 50px;
        display: inline;
        float: left;
        position: relative;
        width: 400px;
        height: 1000px;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <div id="header">
        <!-- TODO: Replace with Image -->
        <p class="title"><%= link_to 'Whisper Muse', "../user/home", :method => "home" %></p>
      </div>

      <!-- Links -->
      <div id="toprow1">
        <center>
          <%= link_to 'Profile', "../user/my_account", :method => "my_account" %>
        </center>
      </div>

      <div id="toprow2">
        <center>
          <%= link_to 'Edit Account', "../user/edit_account", :controller => "user", :method => "edit_account" %>
        </center>
      </div>

      <div id="toprow3">
        <center>
          <font face="verdana" color="yellow"><%= @user.username %></font>
        </center>
      </div>

      <div id="toprow4">
        <center>
          <%= link_to 'Logout', "../user/login", :confirm => 'Are you sure?', :method => "logout" %>
        </center>
      </div>

      <div id="contentleft">
        <font face="verdana" size=5 color="yellow">New Song Review:</font>
        <font face="verdana" color="yellow">
          <br>
          <%= @song.name %>
          <br>
          <br>
			Artist:
          <br>
          <%= @song.artist %>
          <br>
          <br>
			Album:
          <br>
          <%= @song.album.name %>
        </font>
      </div>

      <div id="contentright">
        <%= form_tag :controller => 'user_song_comment', :action => 'create_review' %>
        <font face="verdana" color="red">
          <% if flash[:error] %>
            <%= flash[:error] %>
          <% end %>
        </font>
        <font face="verdana" color="green">
          <% if flash[:notice] %>
            <%= flash[:notice] %>
          <% end %>
        </font>
        <p><font face="verdana" color="yellow">Comment:</font><br>
          <%= text_area "user_song_comment", "comment", {:size => "40x10", :size => "40x20", :style => 'color:#fff;' } %>
        </p>
        <br>
        <p><font face="verdana" color="yellow">Rating:</font><br>
          <%= text_area "user_song_comment", "rating", {:size => "40x1", :style => 'color:#fff;' } %>
          <%= hidden_field_tag "username", @user.username %>
          <%= hidden_field_tag "song_id", @song.id %>
        </p>
        <br>
        <%= submit_tag :'Submit Review', { :id => @song.id,  :style => 'color:#fff;' } %>
        <br>
      </div>

      <div class="clear">

      </div>
    </div>
  </body>
</html>